<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>一、可折叠标签</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
			<link rel="stylesheet" type="text/css" href="styles.css">
		-->
		<jsp:include page="../basic/easyui_loder.jsp" flush="true"/>
		<script type="text/javascript">
			$(function() {
				$('#aa').accordion( {
					width : 400,
					height : 200,
					fit : false
				});
			});
		</script>
		<style type="text/css">
			div{width: 100px;height: 100px;}
		
		</style>
		

	</head>

	<body>
		<hr />
		<h2>
			可折叠标签
		</h2>
		<div id="aa" >
			<div title="Title1" style="overflow: auto; padding: 10px;">
				<h3 style="color: #0099FF;">
					Accordion for jQuery
				</h3>
				<p>
					Accordion is a part of easyui framework for jQuery. It lets you
					define your accordion component on web page more easily.
				</p>
			</div>
			<div title="Title2" style="padding: 10px;">
				content2
			</div>
			<div title="Title3">
				content3
			</div>
		</div>

	</body>
</html>
